﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="MemberRightUtility.ascx.vb"
    Inherits="FrontEnd_Control_Home_MemberRightUtility" %>

 <script type="text/javascript">
    <!--

     $(function () {

         $('.bubbleInfo').each(function () {
             var distance = 10;
             var time = 100;
             var hideDelay = 200;

             var hideDelayTimer = null;

             var beingShown = false;
             var shown = false;
             var trigger = $('.trigger', this);
             var info = $('.popup', this).css('opacity', 0);


             $([trigger.get(0), info.get(0)]).mouseover(function () {
                 if (hideDelayTimer) clearTimeout(hideDelayTimer);
                 if (beingShown || shown) {
                     // don't trigger the animation again
                     return;
                 } else {
                     // reset position of info box
                     beingShown = true;

                     info.css({
                         top: -40,
                         left: 0,
                         display: 'block'
                     }).animate({
                         top: '-=' + distance + 'px',
                         opacity: 1
                     }, time, 'swing', function () {
                         beingShown = false;
                         shown = true;
                     });
                 }

                 return false;
             }).mouseout(function () {
                 if (hideDelayTimer) clearTimeout(hideDelayTimer);
                 hideDelayTimer = setTimeout(function () {
                     hideDelayTimer = null;
                     info.animate({
                         top: '-=' + distance + 'px',
                         opacity: 0
                     }, time, 'swing', function () {
                         shown = false;
                         info.css('display', 'none');
                     });

                 }, hideDelay);

                 return false;
             });
         });
     });
    
    //-->
    </script>


<div class="porletright_page_top">
    
    <div class="button-link bubbleInfo">
        <div>
            <a href="<%=ResolveURL("~/dang-tin-ban-oto.html") %>" class="trigger"><h2>Đăng tin bán xe</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Đăng tin bán xe (miễn phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>

   
  <div class="button-link bubbleInfo">
        <div>
            <a href="<%=ResolveURL("~/can-mua-oto.html") %>" class="trigger"><h2>Đăng tin mua xe</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Đăng tin mua xe (miễn phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>

   
  <div class="button-link bubbleInfo">
        <div>
            <a href="<%=ResolveURL("~/tim-mua-oto.html") %>" class="trigger"><h2>Tìm xe đăng bán</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Tìm xe đăng bán (miễn phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>


  <div class="button-link bubbleInfo">
        <div>
            <a  href="<%=ResolveURL("~/tin-mua-oto.html") %>" class="trigger"><h2>Tìm người mua xe</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Tìm người mua xe  (miễn phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>

<div class="button-link bubbleInfo">
        <div>
            <a href="<%=ResolveURL("~/salon-oto.html") %>" class="trigger"><h2>Salon Oto</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Đăng ký Salon Oto (có phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>


<div class="button-link bubbleInfo">
        <div>
            <a href="<%=ResolveURL("~/thanh-vien.html") %>" class="trigger"><h2>Thành viên VIP</h2></a>
        </div>
        <table id="dpop" class="popup">
        	<tr>
        		<td id="topleft" class="corner"></td>
        		<td class="top"></td>
        		<td id="topright" class="corner"></td>
        	</tr>

        	<tr>
        		<td class="left"></td>
        		<td>
                    <div class="ContentUtility">
                    
                        Đăng ký thành viên VIP (có phí). <br />
                        
                    </div>

        		</td>
        		<td class="right"></td>    
        	</tr>

        	<tr>
        		<td class="corner" id="bottomleft"></td>
        		<td class="bottom"><img width="30" height="29" alt="popup tail" src='<%=ResolveUrl("~/FrontEnd/images/Tooltip/bubble-tail2.png")%>' /></td>
        		<td id="bottomright" class="corner"></td>
        	</tr>
        
      </table>
    </div>

</div>
